<!DOCTYPE html>
<!-- saved from url=(0034)http://harapeco.grrr.jp/ryokocial/ -->
<html lang="ja"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<title>リョコーシャル | 新しい旅の伴侶</title>
<link rel="stylesheet" href="http://harapeco.grrr.jp/ryokocial/css/mobile.css">
<script src="./ryokocial_files/jquery-1.7.1.min.js"></script>
<script src="./ryokocial_files/ryokocial.js"></script>
</head>
<body>

<div class="page" id="home" style="display: block; ">
	<h1>リョコーシャル</h1>
	<p>旅の足跡を見るうんぬん</p>
	<p><a href="http://harapeco.grrr.jp/ryokocial/#upload">写真を追加</a></p>
	
	<section>
	<h2>近くの写真</h2>
	<ul class="photos">
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	</ul>
	</section>
	
	<footer>
	<p class="copyright">Copyright © チーム☆小悪魔</p>
	</footer>
</div><!-- #home -->

<div class="page" id="upload" style="display: none; ">
	<p><a href="http://harapeco.grrr.jp/ryokocial/#" class="back">戻る</a></p>
	<section>
	<h1>写真を追加</h1>
	<form action="" method="post" enctype="multipart/form-data">
	<input type="file" name="photo">
	<input type="hidden" name="latlng">
	<input type="submit">
	</form>
	</section>
</div><!-- #upload -->

<div class="page" id="list" style="display: none; ">
	<p><a href="http://harapeco.grrr.jp/ryokocial/#" class="back">戻る</a></p>
	<h1>（ユーザ）/この近くの（タグ）</h1>←分けたほうがいい？
	<ul class="photos">
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	</ul>
</div><!-- #list -->

<div class="page" id="detail" style="display: none; ">
	<div id="detail-main"><div class="wrapper">
	<p><a href="http://harapeco.grrr.jp/ryokocial/#" class="back">戻る</a></p>
	<h1>
		<small class="user"><a href="http://harapeco.grrr.jp/ryokocial/#list">ユーザ</a></small>
		<span class="caption">キャプション</span>
	</h1>
	<ul class="tags">
	<li><a href="http://harapeco.grrr.jp/ryokocial/#tags">タグ</a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#tags">タグ</a></li>
	</ul>
	<div class="current-photo"><a href="http://harapeco.grrr.jp/ryokocial/images/photo-320x480.jpg"><img alt="" src="./ryokocial_files/photo-100x100.jpg"></a></div>
	<ul class="prev-photos">
	<li class="first"><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	</ul>
	<ul class="next-photos">
	<li class="first"><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	<li><a href="http://harapeco.grrr.jp/ryokocial/#detail"><img alt="" src="./ryokocial_files/photo-70x70.jpg"></a></li>
	</ul>
	</div></div>
	<div id="map"><img alt="" src="./ryokocial_files/map.png"></div>
</div><!-- #detail -->



<div class="image-box"><img></div></body></html>